<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>自制网页</title>
	<style type="text/css">
		*{
			padding: 0px;
			margin: 0px;
		}
		
		body,html,.main{
			width: 100%;
			height: 100%;
		}
		body{
			background-color: #333333;
		}
		.top{
			width: 1520px;
			height: 36px;
			background-color: #333333;
			line-height: 36px;
			margin: 0 auto;
		}
		.topa1{
			color: gold;
			margin: 0 500px 0 150px;
		}
		.topa1:hover{
			color: white;
			text-decoration: none;
		}
		.topa2{
			color: grey;
			text-decoration: none;
			margin: 0 10px;
		}
		.topa2:hover{
			color: gold;
		}
		.header{
			width: 1520px;
			height: 150px;
			background-color: #000000;
			margin: 0 auto;
			box-sizing: border-box;
		}
		.title{
			width: 150px;
			height: 50px;
			background-image: url('./image/title.jpg');
			background-size: 100% 100%;
			position: relative;
			left: 200px;
			top: 40px;
		}
		.titletext{
			width: 800px;
			height: 50px;
/* 			border: 1px solid white; */
			position: relative;
			left: 600px;
		}
		.titletext1{
			width: 400px;
			height: 30px;
			border-top-left-radius: 10px;
			border-bottom-left-radius: 10px;
		}
		.titletext2{
			width: 100px;
			height: 35px;
			background-color: gold;
			border-top-right-radius: 10px;
			border-bottom-right-radius: 10px;
			position: relative;
			right: 4px;
			top: 1px;
			font-size: 15px;
			color: black;
			font-weight: bold;
		}
		.titletext2,.titlebutton:hover{
			cursor: pointer;
		}
		.titlebutton{
			width: 130px;
			height: 35px;
			background-color: black;
			border: 2px solid gold;
			color: gold;
			font-weight: bold;
			position: relative;
			left: 50px;
			border-radius: 10px;
		}
		.image{
			width: 1520px;
			height: 420px;
			background-color: #b4a078;
			/* background-color: #; */
			margin: 0 auto;
			display: flex;
			justify-content: center;
			border: 0px solid black;
		}

		.inner:hover{
			animation-play-state: paused;
		}
		.innerout{
			width: 900px;
			height: 420px;
			margin: 0 auto;
			overflow: hidden;
			/* animation-duration: 20s; */
			/* animation-iteration-count: infinite;
			display: flex;
			animation-name: lunbo; */
		}
		.inner{
			width: 7200px;
			height: 420px;
			animation-name: lunbo;
			animation-duration: 20s;
			animation-iteration-count: infinite;
			display: flex;
		}
		.img1{
			width: 900px;
			height: 420px;
			/* float: left; */
			display: flex;
		}
		@keyframes lunbo{
			0%{
				margin-left: 0px;
			}
			20%{
				margin-left: -900px;
			}
			40%{
				margin-left: -1800px;
			}
			60%{
				margin-left: -2700px;
			}
			80%{
				margin-left: -3600px;
			}
			100%{
				margin-left: -4500px;
			}
		}
		@keyframes lunbo2{
			0%{
				margin-top: 0px;		
			}
			25%{
				margin-top: -400px;
			}
			50%{
				margin-top: -800px;
			}
			75%{
				margin-top: -1200px;
			}
			100%{
				margin-top: -1600px;
			}
		}
		@keyframes rotate{
			from{
				transform: rotateY(0);
			}
			to{
				transform: rotateY(360deg);
			}
		}
		.content_one{
			width: 1520px;
			height: 540px;
			margin: 0 auto;
		}
		.contenttitle{
/* 			background-color: #333333; */
			position: relative;
			left: 60px;
			top: 100px;
		}
		.contenttitle2{
/* 			background-color: #333333; */
			position: relative;
			left: 95px;
			top: 100px;
		}
		.span1{
			font-size: 30px;
			color: gold;
			font-weight: bold;
		}
		.span2{
			font-size: 20px;
			color: gold;
			margin: 0 900px 0 50px;
		}
		.one{
			font-size: 20px;
			color: gold;
			margin: 0 720px 0 50px;
		}
		.a1{
			font-size: 20px;
			color: gold;
			text-decoration: none;
		}
		.a1:hover{
			color: gold;
			text-decoration: underline;
		}
		.content1{
			width: 1520px;
			height: 540px;
			background-color: #333333;
			margin: 0 auto;
			display: flex;
			justify-content: space-around;
			align-items: center;
		}
		.rotate1,.rotate2,.rotate3,.rotate4{
			width: 250px;
			height: 250px;
		}
		.rotate1:hover > .content1-1{
			animation-name: rotate;
			animation-duration: 3s;
			animation-iteration-count: 1;
			animation-timing-function: linear;
		}
		.rotate2:hover > .content1-2{
			animation-name: rotate;
			animation-duration: 3s;
			animation-iteration-count: 1;
			animation-timing-function: linear;
		}
		.rotate3:hover > .content1-3{
			animation-name: rotate;
			animation-duration: 3s;
			animation-iteration-count: 1;
			animation-timing-function: linear;
		}
		.rotate4:hover > .content1-4{
			animation-name: rotate;
			animation-duration: 3s;
			animation-iteration-count: 1;
			animation-timing-function: linear;
		}
		.content1-1{
			width: 250px;
			height: 250px;
			background-image: url('./image/1.jpg');
			background-size: 100% 100%;
		}
		.content1-2{
			width: 250px;
			height: 250px;
			background-image: url('./image/2.jpg');
			background-size: 100% 100%;
		}
		.content1-3{
			width: 250px;
			height: 250px;
			background-image: url('./image/3.jpg');
			background-size: 100% 100%;
		}
		.content1-4{
			width: 250px;
			height: 250px;
			background-image: url('./image/4.jpg');
			background-size: 100% 100%;
		}
		.content1b{
			width: 250px;
			height: 100px;
			position: relative;
			bottom: 150px;
			text-align: center;
		}
		.biaoqian{
			width: 70px;
			height: 20px;
			line-height: 20px;
			text-align: center;
			background-color: lightcoral;
			color: white;
			margin: 10px auto;
		}
		.span3{
			font-size: 23px;
			color: white;
		}
		.span4{
			font-size: 18px;
			color: lightcoral;
		}
		.biaoqian1{
			font-size: 12px;
		}
		.content1bottom{
			width: 1520px;
			height: 200px;
			display: flex;
			justify-content: space-around;
		}
		.xiba{
			width: 1520px;
			height: 50px;
			background-color: #333333;
			margin: 0 auto;
		}
		.xiba2{
			width: 1520px;
			height: 20px;
			background-color: #b4a078;
			margin: 0 auto;
		}
		.content_two{
			width: 1520px;
			height: 800px;
			margin: 0 auto;
			background-color: #333333;
			overflow: hidden;
		}
		.content2{
			width: 1520px;
			height: 700px;
			margin: 0 auto;
		}
		.content2-1{
			width: 450px;
			height: 570px;
			position: relative;
			left: 100px;
			top: 110px;
		}
		.ccontent2img{
			width: 450px;
			height: 400px;
			background-image: url('./image/11.jpg');
			background-size: 100% 100%;
		}
		.ccontent2text{
			width: 450px;
			height: 170px;
			text-align: center;
			line-height: 60px;
		}
		.content2-2{
			width: 830px;
			height: 570px;
			position: relative;
			bottom: 460px;
			left: 580px;

		}
		.content22-1{
			width: 270px;
			height: 280px;
			position: relative;
		}
		.content22-2{
			width: 270px;
			height: 280px;
			position: relative;
			margin: 10px 10px 0 0;
		}
		.content22-3{
			width: 270px;
			height: 280px;
			position: relative;
			position: relative;
			bottom: 570px;
			left: 280px;
		}
		.content22-4{
			width: 270px;
			height: 280px;
			position: relative;
			position: relative;
			bottom: 560px;
			left: 280px;
		}
		.content22-5{
			width: 270px;
			height: 280px;
			position: relative;
			position: relative;
			bottom: 1130px;
			left: 560px;
		}
		.content22-6{
			width: 270px;
			height: 280px;
			position: relative;
			position: relative;
			bottom: 1120px;
			left: 560px;
		}
		.cc22img1{
			width: 270px;
			height: 200px;
			background-image: url('./image/22.jpg');
			background-size: 100% 100%;
		}
		.cc22img5{
			width: 270px;
			height: 200px;
			background-image: url('./image/33.jpg');
			background-size: 100% 100%;
		}
		.cc22img3{
			width: 270px;
			height: 200px;
			background-image: url('./image/44.jpg');
			background-size: 100% 100%;
		}
		.cc22img4{
			width: 270px;
			height: 200px;
			background-image: url('./image/55.jpg');
			background-size: 100% 100%;
		}
		.cc22img2{
			width: 270px;
			height: 200px;
			background-image: url('./image/66.jpg');
			background-size: 100% 100%;
		}
		.cc22img6{
			width: 270px;
			height: 200px;
			background-image: url('./image/77.jpg');
			background-size: 100% 100%;
		}
		.cc22text{
			width: 270px;
			height: 80px;
			text-align: center;
			line-height: 35px;
		}
		.footer{
			width: 1520px;
			height: 600px;
			background-color: #414141;
			margin: 0 auto;
		}
		.c2span1{
			font-size: 15px;
			color: gold;
			font-weight: bold;
		}
		.c2span2{
			color: lightcoral;
			font-weight: bold;
		}
		.cc2span1{
			font-size: 30px;
			color: gold;
			font-weight: bold;
		}
		.cc2span2{
			color: lightcoral;
			font-weight: bold;
			font-size: 20px;
		}
		.content_three{
			width: 1520px;
			height: 700px;
			background-color: #333333;
			margin: 0 auto;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.titlethree{
			width: 1520px;
			height: 50px;
			margin: 0 auto;
			background-color: #333333;
			position: relative;
			top: 30px;
			left: 150px;
		}
		.spanthree{
			font-size: 30px;
			color: gold;
			font-weight: bold;
			margin: 0 1000px 0 0;
		}
		.athree{
			font-size: 15px;
			color: gold;
			text-decoration: none;
		}
		.athree:hover{
			text-decoration: underline;
			color: gold;
		}
		.content3{
			width: 1200px;
			height: 600px;
		}
		.content3-1{
			width: 300px;
			height: 600px;
			background-image: url('./image/3-1.jfif');
			background-size: 100% 100%;
		}
		.content33-1{
			width:450px;
			height: 300px;
			border: 1px solid gold;
			position: relative;
			bottom: 600px;
			left: 300px;
		}
		.content33-2{
			width:450px;
			height: 300px;
			border: 1px solid gold;
			position: relative;
			bottom: 902px;
			left: 750px;
		}
		.content33-3{
			width:450px;
			height: 300px;
			border: 1px solid gold;
			position: relative;
			bottom: 904px;
			left: 300px;
		}
		.content33-4{
			width:450px;
			height: 300px;
			border: 1px solid gold;
			position: relative;
			bottom: 1206px;
			left: 750px;
		}
		.content33-1i{
			width: 300px;
			height: 300px;
			background-image: url('./image/33-1i.jpg');
			background-size: 100% 100%;
		}
		.content33-2i{
			width: 300px;
			height: 300px;
			background-image: url('./image/33-2i.jpg');
			background-size: 100% 100%;
		}
		.content33-3i{
			width: 300px;
			height: 300px;
			background-image: url('./image/33-3i.jpg');
			background-size: 100% 100%;
		}
		.content33-4i{
			width: 300px;
			height: 300px;
			background-image: url('./image/33-4i.jpg');
			background-size: 100% 100%;
		}
		.content33text{
			background-color: white;
			width: 150px;
			height: 300px;
			position: relative;
			left: 300px;
			bottom: 300px;
			text-align: center;
			line-height: 60px;
		}
		.spanthree1{
			font-size: 20px;
			color: black;
			margin: 10px 0 10px 0;
		}
		.submit3{
			width: 120px;
			height: 40px;
			color: white;
			background-color: #be4141;
			font-weight: bold;
			border: 1px solid #be4141;
		}
		.submit3:active{
			background-color: black;
		}
		.content_four{
			width: 1520px;
			height: 800px;
			background-color: #333333;
			margin: 0 auto;
		}
		.titlefour{
			width: 1520px;
			height: 50px;
		}
		.spanfour{
			font-size: 30px;
			color: gold;
			font-weight: bold;
			position: relative;
			left: 250px;
			margin: 0 800px 0 0;
		}
		.spanfive{
			font-size: 30px;
			color: gold;
			font-weight: bold;
			position: relative;
			left: 250px;
			margin: 0 600px 0 0;
		}
		.afour{
			font-size: 20px;
			text-decoration: none;
			color: gold;
			margin: 0 15px;
		}
		.afour:hover{
			color: gold;
			text-decoration: underline;
		}
		.ani4-1{
			width: 1000px;
			height: 400px;
			background-color: #b4a078;
			margin: 0 auto;
			display: flex;
			justify-content: center;
			overflow: hidden;
		}
		.img4{
			width: 1000px;
			height: 300px;
			position: relative;
			left: 260px;
			display: flex;
			justify-content: space-between;
			margin-top: 10px;
		}
		.img4-1{
			width: 240px;
			height: 300px;
		}
		.image4-1{
			width: 240px;
			height: 240px;
			background-image: url('./image/image4-1.jpg');
			background-size: 100% 100%;
		}
		.image4-2{
			width: 240px;
			height: 240px;
			background-image: url('./image/image4-2.jpg');
			background-size: 100% 100%;
		}
		.image4-3{
			width: 240px;
			height: 240px;
			background-image: url('./image/image4-3.jpg');
			background-size: 100% 100%;
		}
		.image4-4{
			width: 240px;
			height: 240px;
			background-image: url('./image/image4-4.jpg');
			background-size: 100% 100%;
		}
		.image4-11{
			width: 240px;
			height: 240px;
			background-image: url('./image/image4-11.jpg');
			background-size: 100% 100%;
		}
		.image4-22{
			width: 240px;
			height: 240px;
			background-image: url('./image/image4-22.jpg');
			background-size: 100% 100%;
		}
		.image4-33{
			width: 240px;
			height: 240px;
			background-image: url('./image/image4-33.jpg');
			background-size: 100% 100%;
		}
		.image4-44{
			width: 240px;
			height: 240px;
			background-image: url('./image/image4-44.jpg');
			background-size: 100% 100%;
		}
		.image4-111{
			width: 240px;
			height: 240px;
			background-image: url('./image/image4-111.jpg');
			background-size: 100% 100%;
		}
		.image4-222{
			width: 240px;
			height: 240px;
			background-image: url('./image/image4-222.jpg');
			background-size: 100% 100%;
		}
		.image4-333{
			width: 240px;
			height: 240px;
			background-image: url('./image/image4-333.jpg');
			background-size: 100% 100%;
		}
		.image4-444{
			width: 240px;
			height: 240px;
			background-image: url('./image/image4-444.jpg');
			background-size: 100% 100%;
		}
		.imgtext{
			width: 240px;
			height: 60px;
			text-align: center;
			line-height: 30px;
		}
		.imagespan{
			color: gold;
			font-weight: bold;
		}
		.inner2{
			width: 800px;
			height: 400px;
			animation-name: lunbo2;
			animation-duration: 10s;
			animation-iteration-count: infinite;
		}
		.inner2:hover{
			animation-play-state: paused;
		}
		.img2{
			width: 800px;
			height: 400px;
			float: left;
		}
		.content_five{
			width: 1520px;
			height: 700px;
			margin: 0 auto;
			background-color: #333333;
		}
		.titlefive{
			width: 1000px;
			height: 50px;
			position: relative;
			left: 110px;
			top: 40px;
		}
		.spanfive1{
			font-size: 30px;
			color: gold;
			font-weight: bold;
			margin: 0 60px 0 0;
		}
		.spanfive2{
			font-size: 20px;
			color: gold;
		}
		.finalimg1{
			width:800px;
			height: 510px;
			position: relative;
			left: 110px;
			top: 50px;
			background-image: url('./image/fina2.jfif');
			background-size: 100% 100%;
			text-align: center;
			line-height: 510px;
			font-size: 30px;
			color: gold;
			font-weight: bold;
			transition: all 1s linear;
		}
		.finalimg1:hover{
			width: 810px;
			height: 520px;
			cursor: pointer;
		}
		.finalimg2-1:hover{
			width: 510px;
			height: 260px;
			cursor: pointer;
		}
		.finalimg2-2:hover{
			width: 510px;
			height: 260px;
			cursor: pointer;
		}
		.finalimg2{
			width: 500px;
			height: 510px;
			position: relative;
			bottom: 460px;
			left: 925px;
		}
		.finalimg2-1{
			width: 500px;
			height: 250px;
			background-image: url('./image/fina1.jfif');
			background-size: 100% 100%;
			text-align: center;
			line-height: 350px;
			font-size: 30px;
			color: gold;
			font-weight: bold;
			transition: all 0.5s linear;
		}
		.finalimg2-2{
			width: 500px;
			height: 250px;
			margin: 10px 0;
			background-image: url('./image/fina3.jfif');
			background-size: 100% 100%;
			text-align: center;
			line-height: 350px;
			font-size: 30px;
			color: gold;
			font-weight: bold;
			transition: all 1s linear;
		}
		.foot1{
			width: 1520px;
			height: 300px;
			margin: 0 auto;
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: grey;
		}
		.foot2{
			width: 1520px;
			height: 130px;
			margin: 0 auto;
			background-color: #414141;
			display: flex;
			justify-content: space-around;
			align-items: center;
			border-bottom: 1px solid grey;
		}
		.foot1-1{
			width: 350px;
			height: 250px;
			border-right: 1px solid white;
		}
		.foot1-1span{
			width: 350px;
			height: 50px;
			text-align: center;
			line-height: 50px;
		}
		.foot1span{
			color: white;
			font-size: 20px;
		}
		.foot1img1{
			width: 90px;
			height: 110px;
			background-image: url('./image/zaixian.png');
			background-size: 100% 100%;
			position: relative;
			left: 70px;
			top: 25px;
		}
		.foot1img2{
			width: 90px;
			height: 110px;
			background-image: url('./image/yonghu.png');
			background-size: 100% 100%;
			position: relative;
			left: 190px;
			bottom: 85px;
		}
		.foot1-2{
			width: 350px;
			height: 250px;
			border-right: 1px solid white;
		}
		.foot1-2text1{
			width: 350px;
			height: 50px;
			font-size: 20px;
			color: white;
			text-align: center;
			line-height: 50px;
		}
		.foot1-2text2{
			width: 300px;
			height: 200px;
			color: white;
			position: relative;
			left:30px;
			top: 25px;
		}
		.foot1-3{
			width: 350px;
			height: 250px;
		}
		.foot1-3text1{
			width: 350px;
			height: 50px;
			font-size: 20px;
			color: white;
			text-align: center;
			line-height: 50px;
		}
		.foot1-3img{
			width: 130px;
			height: 130px;
			position: relative;
			left: 115px;
			background-image: url('./image/erweima.png');
			background-size: 100% 100%;
		}
		.foot1-3text2{
			width: 350px;
			height: 50px;
			font-size: 12px;
			color: white;
			text-align: center;
			line-height: 50px;
		}
		.foot2box{
			width: 200px;
			height: 70px;
			display: flex;
		}
		.box1{
			width: 70px;
			height: 70px;
			background-image: url('./image/1.png');
			background-size: 100% 100%;
		}
		.box2{
			width: 70px;
			height: 70px;
			background-image: url('./image/2.png');
			background-size: 100% 100%;
		}
		.box3{
			width: 70px;
			height: 70px;
			background-image: url('./image/3.png');
			background-size: 100% 100%;
		}
		.box4{
			width: 70px;
			height: 70px;
			background-image: url('./image/4.png');
			background-size: 100% 100%;
		}
		.box{
			width: 130px;
			height: 70px;
			color: white;
			text-align: center;
			line-height: 70px;
			font-size: 18px;
		}
		.foot3{
			width: 1520px;
			height: 150px;
			margin: 0 auto;
			text-align: center;
		}
		.foot3text{
			width: 1520px;
			height: 200px;
			position: relative;
			top: 25px;
			color: white;
		}
		.titlebottom{
			width: 1520px;
			height: 30px;
			position: relative;
			right: 600px;
			top: 33px;
		}
		.titleul{
			display: flex;
			/* justify-content: center; */
		}
		.titleli1{
			/* display: inline-block; */
			/* float: left; */
			list-style: none;
			/* margin-left: 400px; */
			position: relative;
			/* bottom: 50px; */
			margin: 0 150px;
			left: 190px;
		}
		.titleli2{
			/* float: left; */
			/* display: inline-block; */
			list-style: none;
			margin: 0 150px;
			position: relative;
			/* bottom: 280px; */
			left: 40px;
		}
		.titleli3{
			/* float: left; */
			/* display: inline-block; */
			list-style: none;
			position: relative;
			left: 32px;
		}
		.titleli3:hover >.licontent3{
			opacity: 1;
			/* display: block; */
		}
		.titleli2:hover >.licontent2{
			opacity: 1;
			/* display: block; */
		}
		.titleli1:hover >.licontent1{
			opacity: 1;
			/* display: block; */
		}
		.titlea{
			color: white;
			font-size: 18px;
			text-decoration: none;
		}
		.titlea:hover{
			text-decoration: underline;
			color: gold;
		}
		.licontent1{
			width: 200px;
			height: 330px;
			background-color: black;
			position: relative;
			text-align: center;
			right: 30px;
			opacity: 0;
			/* display: none; */
			z-index: 2;
		}
		.li1span{
			font-size: 20px;
			color: white;
		}
		.li2span{
			font-size: 25px;
			color: white;
		}
		.li3span{
			font-size: 20px;
			color: white;
		}
		.licontent2{
			width: 200px;
			height: 100px;
			background-color: black;
			text-align: center;
			position: relative;
			right: 30px;
			/* display: none; */
			opacity: 0;
			z-index: 2;
		}
		.licontent3{
			width: 200px;
			height: 380px;
			background-color: black;
			text-align: center;
			position: relative;
			right: 30px;
			/* display: none; */
			opacity: 0;
			z-index: 2;
		}
	</style>
</head>
<body>
	<div class="main">
		<div class="top">
			<a href="#" class="topa1">关于包邮政策变更的说明</a>
			<a href="#" class="topa2">登录/注册</a>
			<a href="#" class="topa2">我的订单</a>
			<a href="#" class="topa2">会员</a>
			<a href="#" class="topa2">卡盒选择</a>
			<a href="#" class="topa2">企业采购</a>
			<a href="#" class="topa2">客户服务</a>
			<a href="#" class="topa2">app</a>
		</div>
		<div class="header">
			<div class="title">
			</div>
			<div class="titletext">
				<input type="text" name="" class="titletext1" placeholder="仮面ライダー">
				<input type="submit" name="" value="搜索" class="titletext2">
				<input type="submit" name="" value="购物车" class="titlebutton">
				<div class="titlebottom">
				<ul class="titleul">
					<li class="titleli1">
						<a href="#" class="titlea">仮面ライダー龍騎</a>
						<br>
						<div class="licontent1">
							<span class="li1span">无双赤龙 龙骑</span>
							<br>
							<span class="li1span">黑翼 骑士</span>
							<br>
							<span class="li1span">螃蟹 利刃</span>
							<br>
							<span class="li1span">犀牛 坚甲</span>
							<br>
							<span class="li1span">魔鬼鱼 海鳐</span>
							<br>
							<span class="li1span">钢铁牛 铁兵</span>
							<br>
							<span class="li1span">黑龙 龙牙</span>
							<br>
							<span class="li1span">眼镜蛇 王蛇</span>
							<br>
							<span class="li1span">凤凰 奥丁</span>
							<br>
							<span class="li1span">变色龙</span>
							<br>
							<span class="li1span">天鹅 花梦</span>
							<br>
							<span class="li1span">白虎 猛虎</span>
						</div>
					</li>
					<li class="titleli2">
						<a href="#" class="titlea">仮面ライダーFaiz</a>
						<div class="licontent2">
							<span class="li2span">faiz</span>
							<br>
							<span class="li2span">kaisa</span>
							<br>
							<span class="li2span">delta</span>
						</div>
					</li>
					<li class="titleli3">
						<a href="#" class="titlea">仮面ライダーZi-O</a>
						<div class="licontent3">
							<span class="li3span">zi-o</span>
							<br>
							<span class="li3span">geiz</span>
							<br>
							<span class="li3span">decade</span>
							<br>
							<span class="li3span">build</span>
							<br>
							<span class="li3span">exaid</span>
							<br>
							<span class="li3span">fourze</span>
							<br>
							<span class="li3span">ooo</span>
							<br>
							<span class="li3span">orange</span>
							<br>
							<span class="li3span">kuuga</span>
							<br>
							<span class="li3span">w</span>
							<br>
							<span class="li3span">Ⅱ阶</span>
							<br>
							<span class="li3span">Ⅲ阶</span>
							<br>
							<span class="li3span">wozi</span>
							<br>
							<span class="li3span">堂皇时王</span>
							<br>
							<span class="li3span">逢魔时王</span>
						</div>
					</li>
				</ul>
				</div>
			</div>
		</div>
		<div class="image">
			<div class="innerout">
			<div class="inner">
				<img  class="img1" src="./image/zio.jfif" alt="">
				<img  class="img1" src="./image/geiz.jfif" alt="">
				<img  class="img1" src="./image/dragon.jfif" alt="">
				<img  class="img1" src="./image/faiz.jfif" alt="">
				<img  class="img1" src="./image/all.jfif" alt="">
				<img  class="img1" src="./image/zio.jfif" alt="">
			</div>
			</div>
		</div>
		<div class="content_one">
			<div class="contenttitle">
				<span class="span1">假面骑士龍騎</span>
				<span class="span2">为你寻觅世间好物</span>
				<a href="#" class="a1">更多新品 ></a>
			</div>
		<div class="content1">
			<div class="rotate1">
			<div class="content1-1"></div>
			</div>
			<div class="rotate2">
			<div class="content1-2"></div>
			</div>
			<div class="rotate3">
			<div class="content1-3"></div>
			</div>
			<div class="rotate4">
			<div class="content1-4"></div>
			</div>
		</div>
		<div class="content1bottom">
			<div class="content1b">
				<div class="biaoqian">
					<span class="biaoqian1">新品限时购</span>
				</div>
				<span class="span3">假面骑士现货 万代正版</span>
				<br>
				<span class="span4">￥4000元</span>
			</div>
			<div class="content1b">
				<div class="biaoqian">
					<span class="biaoqian1">新品限时购</span>
				</div>
				<span class="span3">假面骑士全套 万代正版</span>
				<br>
				<span class="span4">￥3980元</span>
			</div>
			<div class="content1b">
				<div class="biaoqian">
					<span class="biaoqian1">新品限时购</span>
				</div>
				<span class="span3">假面骑士龙牙卡盒</span>
				<br>
				<span class="span4">￥180元</span>
			</div>
			<div class="content1b">
				<div class="biaoqian">
					<span class="biaoqian1">新品限时购</span>
				</div>
				<span class="span3">假面骑士龙骑手办</span>
				<br>
				<span class="span4">￥790元</span>
			</div>
		</div>
	</div>
	<div class="xiba"></div>
	<div class="xiba2"></div>
	<div class="content_two">
		<div class="contenttitle2">
				<span class="span1">假面骑士Faiz</span>
				<span class="one">你有权利维护别人的梦想</span>
				<a href="#" class="a1">查看全部福利 ></a>
		</div>
		<div class="content2">
			<div class="content2-1">
				<div class="ccontent2img"></div>
				<div class="ccontent2text">
					<span class="cc2span1">日货 CSM假面骑士faiz加速表</span>
					<span class="cc2span2">￥4600元</span>
				</div>
			</div>
			<div class="content2-2">
				<div class="content22-1">
					<div class="cc22img1"></div>
					<div class="cc22text">
						<span class="c2span1">万代 拼装模型FRS假面骑士555</span>
						<br>
						<span class="c2span2">￥170元</span>
					</div>
				</div>
				<div class="content22-2">
					<div class="cc22img2"></div>
					<div class="cc22text">
						<span class="c2span1">日本代购BANDAI万代银饰项链吊坠</span>
						<br>
						<span class="c2span2">￥1288元</span>
					</div>
				</div>
				<div class="content22-3">
					<div class="cc22img3"></div>
					<div class="cc22text">
						<span class="c2span1">万代 拼装模型FRS假面骑士555</span>
						<br>
						<span class="c2span2">￥170元</span>
					</div>
				</div>
				<div class="content22-4">
					<div class="cc22img4"></div>
					<div class="cc22text">
						<span class="c2span1">假面faiz周边新款动漫手表</span>
						<br>
						<span class="c2span2">￥168元</span>
					</div>
				</div>
				<div class="content22-5">
					<div class="cc22img5"></div>
					<div class="cc22text">
						<span class="c2span1">万代 拼装模型FRS假面骑士555</span>
						<br>
						<span class="c2span2">￥170元</span>
					</div>
				</div>
				<div class="content22-6">
					<div class="cc22img6"></div>
					<div class="cc22text">
						<span class="c2span1">假面骑士手链555</span>
						<br>
						<span class="c2span2">￥55元</span>
					</div>
				</div>
			</div>
		</div>
	</div>
			<div class="xiba2"></div>
			<div class="titlethree">
						<span class="spanthree">时王系列</span>
						<a href="#" class="athree">更多抢购 ></a>
					</div>
			<div class="content_three">
					<div class="content3">
						<div class="content3-1"></div>
						<div class="content33-1">
							<div class="content33-1i"></div>
							<div class="content33text">
								<span class="spanthree1">现货万代DX假面骑士zi-o时王变身腰带</span>
								<br>
								<span class="span4">￥480元</span>
								<br>
								<input type="submit" name=""class="submit3" value="立即抢购">
							</div>
						</div>
						<div class="content33-2">
							<div class="content33-2i"></div>
							<div class="content33text">
								<span class="spanthree1">日版万代假面骑士ZI-O时王DX崇皇表盘</span>
								<br>
								<span class="span4">￥290元</span>
								<br>
								<input type="submit" name="" class="submit3" value="立即抢购">
							</div>
						</div>
						<div class="content33-3">
							<div class="content33-3i"></div>
							<div class="content33text">
								<span class="spanthree1">日版万代假面骑士ZI-OⅡ阶表盘</span>
								<br>
								<span class="span4">￥269元</span>
								<br>
								<input type="submit" name=""class="submit3" value="立即抢购">
							</div>
						</div>
						<div class="content33-4">
							<div class="content33-4i"></div>
							<div class="content33text">
								<span class="spanthree1">日版万代假面骑士ZI-OⅢ阶表盘</span>
								<br>
								<span class="span4">￥269元</span>
								<br>
								<input type="submit" name=""class="submit3" value="立即抢购">
							</div>
						</div>
					</div>
			</div>
			<div class="xiba2"></div>
			<div class="content_four">
				<div class="titlefour">
					<span class="spanfour">假面骑士ZI-O</span>
					<a href="#" class="afour">zi-o</a>
					<a href="#" class="afour">build</a>
					<a href="#" class="afour">exaid</a>
					<a href="#" class="afour">fourze</a>
				</div>
				<div class="ani4-1">
					<div class="inner2">
						<img src="./image/img1.jpeg" alt="" class="img2">
						<img src="./image/img2.jpeg" alt="" class="img2">
						<img src="./image/img3.jpeg" alt="" class="img2">
						<img src="./image/img4.jpeg" alt="" class="img2">
						<img src="./image/img1.jpeg" alt="" class="img2">
					</div>
				</div>
				<div class="img4">
				<div class="img4-1">
					<div class="image4-1"></div>
					<div class="imgtext">
						<span class="imagespan">假面骑士zio表盘</span>
						<br>
						<span class="span4">￥125元</span>
					</div>
				</div>
				<div class="img4-1">
					<div class="image4-2"></div>
					<div class="imgtext">
						<span class="imagespan">假面骑士build表盘</span>
						<br>
						<span class="span4">￥125元</span>
					</div>
				</div>
				<div class="img4-1">
					<div class="image4-3"></div>
					<div class="imgtext">
						<span class="imagespan">假面骑士exaid表盘</span>
						<br>
						<span class="span4">￥125元</span>
					</div>
				</div>
				<div class="img4-1">
					<div class="image4-4"></div>
					<div class="imgtext">
						<span class="imagespan">假面骑士fourze表盘</span>
						<br>
						<span class="span4">￥125元</span>
					</div>
				</div>
				</div>
			</div>
			<div class="xiba2"></div>
			<div class="content_four">
				<div class="titlefour">
					<span class="spanfour">假面骑士ZI-O</span>
					<a href="#" class="afour">ooo</a>
					<a href="#" class="afour">orange</a>
					<a href="#" class="afour">kuuga</a>
					<a href="#" class="afour">w</a>
				</div>
				<div class="ani4-1">
					<div class="inner2">
						<img src="./image/img11.jpeg" alt="" class="img2">
						<img src="./image/img22.jpeg" alt="" class="img2">
						<img src="./image/img33.jpeg" alt="" class="img2">
						<img src="./image/img44.jpeg" alt="" class="img2">
						<img src="./image/img11.jpeg" alt="" class="img2">
					</div>
				</div>
				<div class="img4">
				<div class="img4-1">
					<div class="image4-11"></div>
					<div class="imgtext">
						<span class="imagespan">假面骑士ooo表盘</span>
						<br>
						<span class="span4">￥125元</span>
					</div>
				</div>
				<div class="img4-1">
					<div class="image4-22"></div>
					<div class="imgtext">
						<span class="imagespan">假面骑士orange表盘</span>
						<br>
						<span class="span4">￥125元</span>
					</div>
				</div>
				<div class="img4-1">
					<div class="image4-33"></div>
					<div class="imgtext">
						<span class="imagespan">假面骑士kuuga表盘</span>
						<br>
						<span class="span4">￥125元</span>
					</div>
				</div>
				<div class="img4-1">
					<div class="image4-44"></div>
					<div class="imgtext">
						<span class="imagespan">假面骑士w表盘</span>
						<br>
						<span class="span4">￥125元</span>
					</div>
				</div>
				</div>
			</div>
			<div class="xiba2"></div>
			<div class="content_four">
				<div class="titlefour">
					<span class="spanfive">假面骑士ZI-O</span>
					<a href="#" class="afour">时王Ⅲ阶</a>
					<a href="#" class="afour">时王堂皇</a>
					<a href="#" class="afour">时王小逢魔</a>
					<a href="#" class="afour">逢魔时王</a>
				</div>
				<div class="ani4-1">
					<div class="inner2">
						<img src="./image/img111.jpeg" alt="" class="img2">
						<img src="./image/img222.jpeg" alt="" class="img2">
						<img src="./image/img333.jpeg" alt="" class="img2">
						<img src="./image/img444.jpeg" alt="" class="img2">
						<img src="./image/img111.jpeg" alt="" class="img2">
					</div>
				</div>
				<div class="img4">
				<div class="img4-1">
					<div class="image4-111"></div>
					<div class="imgtext">
						<span class="imagespan">假面骑士Ⅲ阶表盘</span>
						<br>
						<span class="span4">￥169元</span>
					</div>
				</div>
				<div class="img4-1">
					<div class="image4-222"></div>
					<div class="imgtext">
						<span class="imagespan">假面骑士DX时王堂皇表盘</span>
						<br>
						<span class="span4">￥299元</span>
					</div>
				</div>
				<div class="img4-1">
					<div class="image4-333"></div>
					<div class="imgtext">
						<span class="imagespan">假面骑士剧场版三骑士表盘</span>
						<br>
						<span class="span4">￥129元</span>
					</div>
				</div>
				<div class="img4-1">
					<div class="image4-444"></div>
					<div class="imgtext">
						<span class="imagespan">假面骑士逢魔时王腰带</span>
						<br>
						<span class="span4">￥399元</span>
					</div>
				</div>
				</div>
			</div>
			<div class="xiba2"></div>
		<div class="content_five">
			<div class="titlefive">
				<span class="spanfive1">剧照</span>
				<span class="spanfive2">未来待续</span>
			</div>
			<div class="finalimg1">仮面ライダー龍騎</div>
			<div class="finalimg2">
				<div class="finalimg2-1">仮面ライダーZI-O</div>
				<div class="finalimg2-2">仮面ライダーFaiz</div>
			</div>
		</div>
		<div class="footer">
			<div class="foot1">
				<div class="foot1-1">
					<div class="foot1-1span">
						<span class="foot1span">客户服务</span>
					</div>
					<div class="foot1img1"></div>
					<div class="foot1img2"></div>
				</div>
				<div class="foot1-2">
					<div class="foot1-2text1">何为严选</div>
					<div class="foot1-2text2">网易原创生活类电商品牌，秉承网易一贯的严谨态度，我们深入世界各地，从源头全程严格把控商品生产环节，力求帮消费者甄选到优质的商品</div>
				</div>
				<div class="foot1-3">
					<div class="foot1-3text1">扫码下载严选APP</div>
					<div class="foot1-3img"></div>
					<div class="foot1-3text2">下载领大额新人红包</div>
				</div>
			</div>
			<div class="foot2">
				<div class="foot2box">
					<div class="box1"></div>
					<div class="box">网易自营电商</div>
				</div>
				<div class="foot2box">
					<div class="box2"></div>
					<div class="box">30天无忧退换货</div>
				</div>
				<div class="foot2box">
					<div class="box3"></div>
					<div class="box">满99元免邮</div>
				</div>
				<div class="foot2box">
					<div class="box4"></div>
					<div class="box">品质保证</div>
				</div>
			</div>
			<div class="foot3">
				<div class="foot3text">
				<span>关于我们 | 帮助中心 | 售后服务 | 配送与验收 | 商务合作 | 企业采购 | 开放平台 | 搜索推荐 | 友情链接 | 廉正举报</span>
				<br>
				<span>食品经营许可证：JY13301080111719出版物经营许可证：新出发滨字第0132号妙得ICP证号：ICP 证浙B2-20160106浙杭食药监械经营备20171029号营业执照网易公司版权所有 © 1997-2020</span>
				<br>
				<span>无线电发射设备销售备案：42202011096855（浙杭）网械企备字[2019]第00119号（粤）网械平台备字（2019）第00004号（粤）-非经营性-2016-0023</span>
				<br>
				<span>浙江省网络食品销售第三方平台提供者备案：浙网食A33010009单用途商业预付卡备案证：330100AAC0024</span>
				</div>
			</div>
		</div>
	</div>
</body>
</html>